<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物袋</title>
		<link rel="stylesheet" href="css/购物袋1.css" />
		<script type="text/javascript" src="js/加减数.js" ></script>
	</head>

	<body>
		<div class="daohanglan wraper clearfix">
			<a href="首页"><img src="img/cartHeader.png" /></a>
			<div class="toubu wraper clearfix">
				<ul>
					<li>你好，
						<a href="个人中心">xxx用户</a>
					</li>

					<li>
						<a href="#">[退出]</a>
					</li>
					<li>
						<a href="#">订单管理</a>
					</li>
					<span class="toubu-span">&nbsp;&nbsp;</span>
					<li>
						400-6789-888
					</li>
					<span class="toubu-span">&nbsp;&nbsp;</span>
					<li>
						<a href="#">在线客服</a>
					</li>
					<span class="toubu-span">&nbsp;&nbsp;</span>
					<li>
						<a href="#">会员服务<span class="huiyuanjiantou">∧</span></a>
						<ul class="toubu-xialakuang">
							<li>
								<a href="#">帮助中心</a>
							</li>
							<li>
								<a href="#">会员反馈</a>
							</li>
							<li>
								<a href="#">会员俱乐部</a>
							</li>
						</ul>
					</li>
				</ul>
				<div class="toubu-2 wraper clearfix"><img src="img/1547114272497.png" /></div>
			</div>

		</div>

		<div class="hander">
			<ul class="hander-li">
				<li>
					<a href="#">查看购物袋</a>
				</li>
				<li>
					<a href="#">确认订单信息</a>
				</li>
				<li>
					<a href="#">成功提交订单</a>
				</li>
			</ul>
		</div>
		<div class="hander-div">
			<a href="#">特卖商品&nbsp;18：39</a>
			<span></span>
			<a href="#">唯品医药</a>
		</div>
		<div class="tixing-div">
			<span>配送至</span><span class="spanA">中牟县&nbsp;刘集镇</span>
			<span class="spanB"></span>
			<span>请在倒计时结束前提交订单，下单后你另有 30 分钟的支付时间。</span>
		</div>
		<div class="gouwuche-one">
			<ul>
				<li class="gouwuche-one-one">精选特卖</li>
				<li class="gouwuche-one-two">单价</li>
				<li class="gouwuche-one-three">数量</li>
				<li class="gouwuche-one-four">小计</li>
				<li class="gouwuche-one-five">操作</li>
			</ul>
		</div>
		<div class="gouwuchediv" id="zong">
			<div class="shangpina">
				<span><img src="img/212000561551682112264_5t_235x297_90.jpg"/></span>
				<span class="shangpinxiangqing">
					<p>自营 轻质耐磨 男女款双肩背包</p>
					<p>尺码：均码</p>
				</span>
				<span class="jiaqian">￥142.4</span>
				<span class="anniu">
					<input type="button" name="min" value="-" onclick="jian()">
					<input type="text" name="amount" value="1" id="shang">
					<input type="button" name="max" value="+" onclick="jia()">
				</span>
				<span class="xiaoji">￥<input type="text" name="price" value="142.4" id="yiqian"></span>
				<span class="caozuo"><p onclick="shan()">删除</p></span>
			</div>
			<div class="shangpinb">
				<span><img src="img/434935872-467325096554217472-50_5t_235x297_90.jpg"/></span>
				<span class="shangpinxiangqing">
					<p>自营 匡威CONVERSE 休闲舒适 女款帆布鞋硫化鞋</p>
					<p>尺码：6.5</p>
				</span>
				<span class="jiaqian">￥312.8</span>
				<span class="anniu">
					<input type="button" name="min" value="-" onclick="jian1()">
					<input type="text" name="amount" value="1" id="shang1">
					<input type="button" name="max" value="+" onclick="jia1()">
				</span>
				<span class="xiaoji">￥<input type="text" name="price" value="312.8" id="erqian"></span>
				<span class="caozuo"><p onclick="shan()">删除</p></span>
			</div>
		</div>
		<div class="yunfeidiv">
			<div class="yunfei">运费</div>
			<p>唯品自营: 唯品自营商品已满足新会员专享订单满38元免运费</p>
		</div>
		<div class="zongqian" id="zong">
			<span>请在倒计时结束前结算</span>
			<span>总金额（未含运费）： ¥<span id="totalPrice">0.00</span></span>
			<div class="lijijiesuan">
				<a href="#">立即结算&nbsp;18:39</a>
			</div>
		</div>
		<div class="zaixiankefu">
			<a href="#" title="在线客服"><img src="img/客服.png" /></a>
		</div>
		<div class="youhuiquan">
			<ul>
				<li>
					<div class="youhuiquan-one">
						使用优惠券
						<span class="youhuiquan-one-one">|&nbsp;&nbsp;|</span>
					</div>
					<p id="zong">共3件商品 商品金额&nbsp;&nbsp;¥<span id="totalPrice">0.00</span></p>
				</li>
				<li>
					<div class="youhuiquan-one">
						使用优惠口令
						<span class="youhuiquan-one-two">|&nbsp;&nbsp;|</span>
					</div>
					<p id="zong">总金额（未含运费）&nbsp;&nbsp;¥<span id="totalPrice">0.00</span></p>
				</li>
			</ul>
		</div>
		<div class="shuomingdiv">
			<ul>
				<li>
					<div class="shuomingdiv-one">
						<span class="shuomingdiv-baozheng">
							100%正品保证
						</span>
						<span class="shuomingdiv-neirong">
							唯品会所售品牌均经过授权；中国人民财产保险为您购买的每一件商品进行承保。
						</span>
					</div>
				</li>
				<li>
					<div class="shuomingdiv-two">
						<span class="shuomingdiv-tuihuo">
							7天无理由退货
						</span>
						<span class="shuomingdiv-neirong">
							签收后7天内可无理由退货，完善售后，退货无忧；部分特别说明商品除外。
						</span>
					</div>
				</li>
				<li>
					<div class="shuomingdiv-three">
						<span class="shuomingdiv-fanfei">
							退货返运费
						</span>
						<span class="shuomingdiv-neirong">
							善变无罪！退货成功后，你将获得回寄运费补贴。
						</span>
					</div>
				</li>
			</ul>
		</div>

		<!--<script type="text/javascript">
		</script>-->
	</body>

</html>